
@import '../../../assets/scss/base/app-base.scss';

.navbar{
  z-index: 1000;
  padding:0;
  height:54px;
  line-height: 54px;
  background:rgba(255,255,255,1);
  box-shadow:0px 1px 4px 0px rgba(0,21,41,0.12);
//   border-bottom: 1px solid rgba(0,21,41,0.12);
  .navbar-left{
      display: inline-block;
      width: 156px;
      background: rgba(218, 218, 185, 0.85);
      text-align: center;
      //padding-left: 39px;
      .logo{
        // width: 169px;
        display: inline-block;
        line-height: 54px;
        // color: #fff;
        .icon-top {
          height:54px;
        }
        // font-size: 18px;
        // font-weight: bolder;
      }
  }
}


.navbar-right{
  float: right;
  .zt-user-profile{
    cursor: pointer;
    margin-right:40px;
    // color:#fff;
    color:rgba(0,0,0,0.65);



    .user-avatar {
      display:inline-block;
      margin-right:20px;
      border-radius: 50%;
      height: 30px;
      width: 30px;
    }

    .username{
      display:inline-block;
      font-size:14px;
        font-family:PingFangSC-Regular;
        font-weight:400;
      .anticon{
        padding-left:10px;
      }
    }

    .dropdown-menu{
      top:38px !important;
      left:0px !important;
      border:none;
    }

    .dropdown-item{
      height:38px;
    }

    .dropdown-item:focus, .dropdown-item:hover{
      background: #2a6dee;
      color: #fff;
    }
  }
}

.navbar-modules {
  position: absolute;
  top: 40px;
  left: 231px;
  width: 513px;
  background: #fff;
  border-radius: 4px;
  -moz-box-shadow: 2px 2px 8px #333333;
  -webkit-box-shadow: 2px 2px 8px #333333;
  box-shadow: 2px 2px 8px #333333;
  z-index: 2050;
}

.module-list-arrow {
  position: absolute;
  top: -6px;
  left: 33px;
  width: 20px;
  height: 13px;
  background: url(assets/img/top/arrow-up.png) no-repeat;
}

.module-list {
  padding: 10px;
  overflow: auto;
}

.module-item {
  float: left;
  width: 77px;
  text-align: center;
  position: relative;
  margin-bottom: 13px;
}

.module-item span {
  display: block;
  margin-top: 10px;
  font-size: 11px;
}

.module-item .icon {
  width: 58px;
  height: 58px;
}

.whole{
  cursor: pointer;
}
